<!DOCTYPE html>
<html>
<head>
<?php 
	include_once('../template/header_statics.html');
?>
<script>
	$(document).ready(function(){
    	$("#publish").click(function(){
    		$("#waitdiv").show();
    		$.post("./statics/publish.php",{nombre:$("#nombre").val(), mensaje:$("#txtmsg").val()}, function(msg){
    			$("#mensajes").prepend(msg);
    			$("#nombre").val("");
				$("#txtmsg").val("");
				$("#waitdiv").hide();
    		});
    	});
    });
</script>
</head>
<body>
    <div id="mensajes" align="center" class="msgbdy" style="width: 850px; height: 490px;">
    	<?php
    	require_once("../config.php");
	    $link = mysql_connect($host, $user, $pass);
	    mysql_select_db($dbname);
	    mysql_query("SET NAMES utf8");
	    mysql_query("SET CHARACTER SET utf8");
		
		$qry = "Select * From muro order by fecha desc";
		
		$r = mysql_query($qry);
    	while($recs = mysql_fetch_assoc($r)) { ?>
			<div class="murodiv" align="left">
				<div class="msghdr" style="width: 643px;"><?php echo $recs['nombre']; ?></div>
				<div class="msghdr" style="width: 140px; text-align: right; border-left: 1px solid #C9C9C9;"><?php echo date("d/m/Y H:i", strtotime($recs['fecha'])); ?></div>
				<div class="msgbdy"><?php echo nl2br($recs['mensaje']); ?></div>
			</div>
			<div style="height: 7px;"></div>
		<?php } 
		mysql_free_result($r);
		mysql_close($link);
    	?>
	</div>
	<div align="left" class="msgbdy" style="width: 820px; height: 280px;">
		<label class="muro">Nombre:</label><br />
		<input id="nombre" name="nombre" style="width: 800px;" /> <br /><br />
		<label class="muro">Mensaje:</label><br />
		<textarea id="txtmsg" name="txtmsg" style="width: 800px; height: 160px;"></textarea>
		<div style="width: 820px;" align="right"><input type="button" id="publish" value="Publicar" /></div>
	</div>
</body>
</html>